<template>
    <div>
        <!-- 返回 -->
        <el-button type="primary" size="small" @click="backHandler">返回</el-button>

        <!-- 用户详情 -->
        <!-- {{JSON.parse(this.$route.query.row)}} -->
        <div class="details">
            <div><span>用户名：</span>{{JSON.parse(this.$route.query.row).username}}</div>
            <div><span>手机号：</span>{{JSON.parse(this.$route.query.row).telephone}}</div>
            <div><span>注册时间：</span>{{JSON.parse(this.$route.query.row).registerTime | dateFormat}}</div>
            <div><span>姓名</span>{{JSON.parse(this.$route.query.row).realname}}</div>
            <div><span>状态：</span>{{JSON.parse(this.$route.query.row).status}}</div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {

        }
    },
    methods: {
        // 返回
        backHandler() {
            this.$router.push({path:"/role/user"})
        }
    }
}
</script>

<style scoped>
    .details {
        margin-top: 1rem;
    }
    div > span {
        display: inline-block;
        width: 100px;
        font-weight: bold;
    }
</style>